<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>git</title>
    <link rel="stylesheet" href="./index.css"/>
    <script src="index.js"></script>
</head>
<body>
<div class="body">
    <div class="shang">
        <!-- 导航 -->
        <div class="box">
            <div class="header">
                <!-- logo -->
                <img src="./images/logo.png" alt=""/>
                <ul class="header_ul">
                    <li><a href="#">产品动态</a></li>
                    <li><a href="#">企业案例</a></li>
                    <li><a href="#">项目推荐</a></li>
                    <li><a href="#">关于开源</a></li>
                    <li><a href="#">发现更多</a></li>
                    <li style="width: 100px"><a href="#">回到 Gitee</a></li>
                </ul>
                <div class="sousuo">
                    <img src="./images/suo.png" alt=""/>
                </div>
            </div>
        </div>
        <!-- 导航结束 -->

        <!-- 基金会部分 -->
        <div class="jijin">
            <!-- left -->
            <div class="jijin_left">
                <a href="#">
                    <img src="./images/1.jpg" alt=""/>
                    <div class="jinji_text">
                        Linux 基金会已开始在 Gitee 建立官方镜像
                    </div>
                </a>
            </div>
            <!-- right -->
            <div class="right">
                <div class="jijin_right">
                    <a href="#">
                        <img src="./images/2.png" alt=""/>
                        <div class="jinji_text1">
                            如何用 Gitee 企业版管理软件研发全流程
                        </div>
                    </a>
                </div>
                <div class="jijin_right">
                    <a href="#">
                        <img src="./images/3.jpg" alt=""/>
                        <div class="jinji_text1">
                            Gitee 如何保护你的数据 —— 系统和网络篇
                        </div>
                    </a>
                </div>
                <div class="jijin_right">
                    <a href="#">
                        <img src="./images/4.jpg" alt=""/>
                        <div class="jinji_text2">
                            自建 GitLab 似乎很简单？这些坑也许你不知道
                        </div>
                    </a>
                </div>
                <div class="jijin_right">
                    <a href="#">
                        <img src="./images/5.jpeg" alt=""/>
                        <div class="jinji_text2">
                            工信部携 Gitee 入场，国内开源生态建设进入快车道
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <!-- 基金部分结束 -->

        <!-- 中间内容 -->
        <div class="zhong">
            <ul class="zhong_ul">
                <li>
                    <a href="#">
                        <img src="./images/c1.png" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p><a style="color: #666; font-size: 12px" href="">发现更多</a></p>
                    <p class="textaa">
                        <a href="#">基于 Gitee Go 的 Golang 持续集成部署体验</a>
                    </p>
                    <p style="color: #666; font-size: 12px">3周前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c2.png" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">发现更多</a>
                    </p>
                    <p class="textaa">
                        <a href="#">基于 Gitee + Jenkins 的开源项目自动化协作实战</a>
                    </p>
                    <p style="color: #666; font-size: 12px">3周前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c3.png" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">研发管理</a>
                    </p>
                    <p class="textaa">
                        <a href="#">浅谈 Pull Request 与 Change Request 研发协作模式</a>
                    </p>
                    <p style="color: #666; font-size: 12px">3周前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c4.jpg" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">产品动态</a>
                    </p>
                    <p class="textaa">
                        <a href="#"
                        >许可证合规分析&代码克隆检测更新，让你的代码更加安全合规</a
                        >
                    </p>
                    <p style="color: #666; font-size: 12px">1月前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c5.png" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">产品动态</a>
                    </p>
                    <p class="textaa">
                        <a href="#"
                        >Gitee 企业版双十一钜惠，最多免费送 2 个月使用时长</a
                        >
                    </p>
                    <p style="color: #666; font-size: 12px">2月前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c6.jpg" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">项目推荐</a>
                    </p>
                    <p class="textaa">
                        <a href="#">跨平台开发首选，这些 Flutter 项目你应该了解</a>
                    </p>
                    <p style="color: #666; font-size: 12px">2月前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c7.jpg" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">产品动态</a>
                    </p>
                    <p class="textaa">
                        <a href="#">Linux基金会已开始在Gitee建立官方镜像</a>
                    </p>
                    <p style="color: #666; font-size: 12px">2月前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c8.jpg" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">产品动态</a>
                    </p>
                    <p class="textaa">
                        <a href="#">强强联手，Gitee与腾讯云云开发达成合作</a>
                    </p>
                    <p style="color: #666; font-size: 12px">3月前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c9.jpeg" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">产品动态</a>
                    </p>
                    <p class="textaa">
                        <a href="#">工信部携 Gitee 入场，国内开源生态建设进入快车道</a>
                    </p>
                    <p style="color: #666; font-size: 12px">5月前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c10.jpg" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">发现更多</a>
                    </p>
                    <p class="textaa">
                        <a href="#"
                        >Gitee Talk |
                            人工智能技术如何为业务赋能？首期直播分享已开启报名</a
                        >
                    </p>
                    <p style="color: #666; font-size: 12px">5月前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c11.png" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">产品动态</a>
                    </p>
                    <p class="textaa">
                        <a href="#"
                        >CI 工具「Gitee Go」现已进入公测，点击领取免费时长</a
                        >
                    </p>
                    <p style="color: #666; font-size: 12px">5月前</p>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/c12.jpg" alt=""/>
                    </a>
                    <div class="ping"></div>
                    <p>
                        <a style="color: #666; font-size: 12px" href="#">产品动态</a>
                    </p>
                    <p class="textaa">
                        <a href="#"
                        >代码克隆检测服务 CopyCat 已支持 Ruby/PHP 克隆检测</a
                        >
                    </p>
                    <p style="color: #666; font-size: 12px">6月前</p>
                </li>
            </ul>
        </div>
        <!-- 中间结束 -->

        <!-- 分页 -->

            <span class="page">
                    <span class="div1-text">1</span>
                    <a href="#" class="div2-text">2</a></a>
                    <span class="div3-text">...</span>
                    <a href="#" class="div4-text">22</a>
                    <a href="#" class="div5-text">→</a>
            </span>


        <!-- 底部 -->
        <div class="foot">
            <div class="dibu">
                <div>
                    <p>关于我们</p>
                    <p class="a1"></p>
                    <div class="SVN">
                        Gitee(gitee.com)是 OSCHINA.NET 推出的代码托管·协作开发平台,支持
                        Git 和 SVN,提供免费的私有仓库托管。目前已有超过 500
                        万的开发者选择 Gitee。
                    </div>
                </div>
                <div>
                    <p>品牌内容</p>
                    <p class="a1"></p>
                    <p class="pp">
                        开源软件 GVP计划 Gitee 封面人物 CopyCat 代码克隆检测
                    </p>
                </div>
                <div>
                    <p>友情链接</p>
                    <p class="a1"></p>
                    <p class="pp">开源中国 Gitee Gitee 高校版 Gitee 企业版</p>
                </div>
            </div>
            <div class="div">
                <a href="#"><p class="beian">
                    Copyright © 2021 Gitee 官方博客 . Designed by nicetheme
                    粤ICP备12009483号-8</p></a>
            </div>
            <div class="b"></div>
        </div>

        <!-- buttom-->
        <a id="buttom" href="#" class="active">
	          <span class="icon">
              <i class="iconfont"></i>
             <span class="to-text">Top</span>
              </span>
        </a>
    </div>
</div>
</body>
</html>
